/* .mian{
	background-color: #ffffff;
	
} */

.search-bar-box {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 30rpx;
  margin-left:20rpx ;
  margin-right: 50rpx;
  padding-left: 50rpx;
  padding-right: 50rpx;
 /* width: 100%; */
  box-sizing: border-box;
  z-index: 1;
  background:rgba(1,31,55,0.03);
  border-radius: 40rpx;
}


.icon-search_in-box {
  position: absolute;
  left: 20rpx;
}

.icon-search-clear {
  position: absolute;
  right: 20rpx;
  margin-left: 10rpx;
  top: 18rpx;
}

.icon-search {
  margin-right: 20rpx;
  margin-top: 20rpx;
}

.search-bar-text {
  display: inline-block;
  font-size: 26rpx;
  margin-bottom: 20rpx;
  vertical-align: middle;
}

.search-bar-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 10rpx;
  text-align: center;
  color: #ccc;
  background: #fff;
  line-height: 50rpx;
}

.search-bar-input {
  height: 60rpx;
  line-height: 60rpx;
  font-size: 26rpx;
  margin: 0 10rpx;
  width: 100%;
  margin-left: 20rpx;
      background: rgb(241 245 248 / 3%);
}
.send_list{
  display: flex;
  margin-left: 20rpx;
  margin-top: 20rpx;
   margin-right: 20rpx;
  
}
.hs-body {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 40rpx;
	border-radius: 10rpx;
  }
  
  .hs-layout {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      line-height: 40rpx;
    }
	
	
	.hs-item-layout {
	    display: inline-block;
	    white-space: normal;
	    text-align: center;
	    font-size: 26rpx;
	  }
	  
	  ::-webkit-scrollbar {
	    width: 0;
	    height: 0;
	    color: transparent;
	  }
	  .hs-item-Inner-layout{
	    position: absolute;
	    left: 0;
	    top: 0;
	    color: #fff;
	    font-size: 21rpx;
	    border-bottom-right-radius: 18rpx;
	    float: left;
	    padding: 8rpx 10rpx;
	    display: flex;
	    flex-direction: column;
	    margin: 20rpx 20rpx;
	  }
	  .hs-item-body {
	    display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	    /* width: 103rpx; */
	    margin-top: 20rpx;
		margin-left: 20rpx;
	    position: relative;
		background: #f7f7f7;;
		padding:15rpx  ;
		border-radius: 50%;
		
	   
	  }
	  .body_active{
		  border: 1rpx solid #FFA200;
	  }
	  .hs-item-title {
	    color: #000;
	    font-size: 24rpx;
	    overflow: hidden;
	    text-overflow: -o-ellipsis-lastline;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	  }
	  
	  .hs-item-label {
	    color: #666;
	    font-size: 24rpx;
	    margin-top: 5rpx;
	    padding: 0 20rpx;
	    background: #3691FB;
	    border-radius: 20rpx;
	    overflow: hidden;
	    text-overflow: -o-ellipsis-lastline;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	  }
	  
	  .hs-item-img {
	    width: 180rpx;
	    height: 160rpx;
	  }
	  
	.main_images{
		width: 64rpx;
		height: 52rpx;
		margin-top: 10rpx;
		padding: 5rpx;
		
	}
	
	.t-menu-name {
	  margin-top: 10rpx;
	  font-size: 24rpx;
	  color: #011F37;
	  margin-bottom: 15rpx;
	}
	
	.node-tab{
	  background-color: #ffffff;
	  height:88rpx;
	  font-size:28rpx;
	  line-height: 88rpx;
	  display: flex;
	  justify-content: space-between;
	}
	.node-tab .tab-item{
	  flex:1;
	  text-align: center;
	  color: #666;
	}
	.node-tab .active{
	  
	  
	  color: #ff6700;
	  position: relative;
	
	}
	.node-tab .active::before{
	  position:absolute;
	  content: " ";
	  bottom:10rpx;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 30rpx;
	    height: 6rpx;
	    background-color: #ff6700;
	    border-radius: 3rpx;
	}
	
	.screen-item-icon{
	    display: inline-block;
	    position: absolute;
	   /* top: 82%; */
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    overflow: hidden;
	    margin-left: 7rpx;
		margin-top: 22rpx;
	}
	
	.screen-item-icon-img{
	  width: 16rpx;
	  height: 8rpx;
	  display: block;
	}
	
	.classify-cell{
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  width: 50%;
	  margin-top: 10rpx;
	  
	}
	
	.grid-img{
	  width: 340rpx;
	  height: 340rpx;
	  margin: 15rpx;
	  border-radius: 10rpx;
	}
	
	.recom_goods_one{
	  display: flex;
	  flex-direction: column;
	  width: 45%;
	  
	}
	
	
	.topnav{
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: center;
	  text-align: center;
	  background: #fff;
	 /* margin-bottom: 100rpx; */
	  padding-left: 20rpx;
	  padding-right: 20rpx;
	  margin-left: 20rpx;
	  margin-right: 20rpx;
	  margin-top: 15rpx;
	  border-radius: 10rpx;
	  padding-bottom: 20rpx;
	  padding-top:20rpx;
	  font-size:28rpx;
	  color: #011F37;
	}
	.active_info{
		font-weight: 400;
		font-size: 25rpx !important;  
		color: #999999 !important;
		line-height: 35rpx;
		text-align: left;
	}
	
	.goods_list{
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	  margin-top: -3rpx;
	  position: relative;
	}
	
	.new-list-box {
	  height: 100%;
	} 
	
	.classify-cell-recom{
	  display: flex;
	  flex-direction: row;
	/*  justify-content: center; */
	/*  align-items: center; */
	  width: 100%;
	  margin: 20rpx 40rpx 0rpx 40rpx;
	  border-radius: 10rpx;
	  border-buttom: 1rpx solid #4A7E89;
	}
	.grid-img{  
	  width: 100%;
	  height: 180rpx;
	  /* margin: 15rpx; */
	  border-radius: 10rpx;
	}
	
	.grid-img-recom{
	  width: 220rpx;
	  height: 220rpx;
	  /* margin: 15rpx; */
	  border-radius: 20rpx;
	  border-radius: 20rpx 20rpx 20rpx 20rpx;
	  
	}
	
	.productNameText{
		color:rgb(32,27,27);
		font-size:28rpx;
		text-overflow:ellipsis;
		display:-webkit-box;
		word-break:break-all;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1;overflow:hidden;
	}
	
	
	.tagg{
	margin-right: 12rpx;
	font-size: 16rpx;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 13.72px;
	color: rgba(49, 167, 214, 1);
	border-radius: 4px;
	background: rgba(240, 247, 250, 1);
	padding: 5px;
	}
	.search-submit{
		display: flex;
		    /* padding-top: 12rpx; */
		    justify-content: center;
		    width: 150rpx;
		    background: #8EB8C0 ;
		    color: #ffffff;
		    margin-right: -43rpx;
		    height: 58rpx;
		    font-size: 24rpx;
		    border-radius: 0rpx 30rpx 31rpx 0rpx;
		    align-items: center;
	}
.activee{
	color: #FFA200;
}

.right{
	display: flex;
	flex-direction: column;
	width: 550rpx;
	padding-top: 30rpx;
	padding-left: 40rpx;
}


.right-title{
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32rpx;
	color: #011F37;
	line-height: 55rpx;
	
}

.classify-cell-list{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 28%;
	margin-top: 10rpx;
	padding:10rpx;
}

	.tag-title{
	  margin-right: 12rpx;
	  
	  font-weight: 400;
	  letter-spacing: 0px;
	 
	 font-size: 24rpx;
	 color: rgba(1, 31, 55, 0.8);
	 line-height: 40rpx;
	 
	  border-radius: 26px;
	  background: rgba(1,31,55,0.03);
	  padding: 6px;
	  width: 148rpx;
	  height: 40rpx;
	  align-content: center;
	  justify-content: center;
	  
	  text-align: center;
	}
	
	.brand_active{
		background-color: #efedeb;
		color: #FFA200;
	}
	
	.custom-style {
			color: #ff0000;
			width: 400rpx;
		}
		
		
.submit-btn-left {
   display: flex;
   align-items: center;
   justify-content: center;
  font-size: 28rpx;
   min-width: 240rpx;
   width: 100%;
   height: 76rpx;
   opacity: 1;
   border-radius: 38rpx;
   margin-right: 20rpx;
}

.submit-btn-right {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  min-width: 240rpx;
  width: 100%;
  height: 76rpx;
  opacity: 1;
  border-radius: 38rpx;
  margin-top: 2rpx;
}

.act_image{
	display: flex;
	position: relative;
}
.act_end{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 10rpx;
    justify-content: center;
    text-align: center;
	width: 137rpx;
	height: 43rpx;
	background: #999999;
	border-radius: 20rpx 0rpx 20rpx 0rpx;
	color: #fff;	
	font-size: 24rpx;
	
	
}